<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆</title>
	<meta name="viewport"  content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="amazingUI/css/amazeui.min.css">
  	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" href="css/login.css">
</head>
<body>
	<!-- 头部 -->
	 <header data-am-widget="header"
          class="am-header back-y">
      <div class="am-header-left am-header-nav">
          <a href="#left-link" class="">
                <img src="img/logo.png">
                <img src="img/logo-font.png" class="font-img">
          </a>
      </div>

      <h1 class="am-header-title">
          <a href="#title-link" class="">
           
          </a>
      </h1>

      <div class="am-header-right am-header-nav">
          <a  class="">

                <span class="am-header-nav-title color-w">
                发布
              </span>

                <i class="am-header-icon am-icon-external-link color-w"></i>
          </a>
      </div>
  </header>
  <!-- 头部结束 -->
  <!-- 主内容 -->
   <div data-am-widget="tabs"
       class="am-tabs am-tabs-d2"
        >
      <ul class="am-tabs-nav am-cf">
          <li class="am-active"><a href="[data-tab-panel-0]">手机动态码登陆</a></li>
          <li class=""><a href="[data-tab-panel-1]">普通账户登陆</a></li>
          
      </ul>
       <!--手机登陆  -->
      <div class="am-tabs-bd">
      	 <!-- 第一个选项卡内容 -->
          <div data-tab-panel-0 class="am-tab-panel am-active">
	            <div class="am-input-group">
	              <span class="am-input-group-label"><i class="am-icon-mobile am-icon-fw am-icon-sm color-9"></i></span>
	              <input type="number" class="am-form-field" placeholder="请输入手机号码">
	              <button class="verification-code color-9">获取验证码</button>
	            </div>
	            <div class="am-input-group">
	              <span class="am-input-group-label"><i class="am-icon-credit-card am-icon-fw color-9"></i></span>
	              <input type="number" class="am-form-field" placeholder="请输入验证码">
	            </div>
	            <div class="login-div">
	            	<button class="login-btn color-9">登陆</button>
	            </div>
	            <div class="float-r margin-t1">
	            	<a href="">
	            	立即注册
	            	</a>
	            </div>
          </div>
          <!-- 第二个选项卡内容 -->
          <div data-tab-panel-1 class="am-tab-panel ">
	            <div class="am-input-group">
	              <span class="am-input-group-label"><i class="am-icon-user am-icon-fw color-9"></i></span>
	              <input type="text" class="am-form-field" placeholder="用户名/电子邮箱/手机号">
	              
	            </div>
	            <div class="am-input-group">
	              <span class="am-input-group-label"><i class="am-icon-lock am-icon-fw color-9"></i></span>
	              <input type="text" class="am-form-field" placeholder="请输入密码">
	            </div>
	            <div class="login-div">
	            	<button class="login-btn color-9">登陆</button>
	            </div>
	            <div class="float-r margin-t1">
	            	<a href="">
	            	立即注册
	            	</a>
	            </div>
          </div>
          
      </div>
      <!-- 留白 -->
      <div class="blank-space back-w">
      	
      </div>
  </div>
  <!-- 主内容结束 -->
</body>
<script src="amazingUI/js/jquery.min.js"></script>
<script src="amazingUI/js/amazeui.min.js"></script>
</html>